import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from 'unplugin-vue-components/resolvers'
import { viteMockServe } from 'vite-plugin-mock'
import postCssPxToRem from 'postcss-pxtorem'
// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		Components({
			resolvers: [VantResolver()],
		}),
		viteMockServe({
			// 更多配置见最下方
			supportTs: true,
			logger: false,
			mockPath: './mock/', // 文件位置
		  }),
	 
	],
	resolve: {
		alias: {
			'@': fileURLToPath(new URL('./src', import.meta.url)),
		},
	},
	css: {
		// 此代码为适配移动端px2rem
		postcss: {
			plugins: [
				postCssPxToRem({
					rootValue: 37.5, // 1rem的大小
					propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
				}),
			],
		},
	},
})
